.module {

    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;


    :global {

        .center-item {
            flex: 1;
            padding: 3px;
            height: 100%;
            padding: 10px;

            .item-content {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                // background-color: cadetblue;

                .echart-box {
                    flex: 1;
                    width: 100%;

                    .echart-item {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        padding: 10px;

                        .echart {
                            height: 10px;
                            width: 100%;
                            width: 100%;
                            position: relative;

                            div {
                                border-radius: 50px;
                            }

                            .target {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                background-color: rgba(85, 85, 85, 0.507);
                            }

                            .gre {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 70%;
                                height: 100%;
                                background-color: #cd5c5c;
                            }

                            .gre:nth-child(n) {
                                background-color: #ffc107;
                            }
                        }

                    }
                }

                .title-box {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-weight: 600;
                    line-height: 20px;
                    height: 20px;

                    .text {
                        color: aqua;
                        font-size: 14px;
                    }
                }
            }
        }
    }
}